.main {
    width: 100%;
    height: 100%;
    background: rgb(8, 17, 32);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .title {
        height: 10%;
        width: 98%;
        text-align: center;
        font-size: 2vw;
        font-weight: 900;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .content {
        height: 80%;
        width: 95%;
        background: white;
        border-radius: 1vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .center {
            width: 80%;
            height: 90%;
            // background: yellow;
            display: flex;
            flex-direction: column;
            // justify-content: center;
            font-size: 1vw;
            font-weight: 700;

            .on {
                height: 40%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;

                div {
                    height: 36%;
                    width: 50%;
                    // background: green;
                    display: flex;

                    // justify-content: center;
                    // align-items: center;
                    .Time {
                        width: 30%;
                    }

                    .TimeInput {
                        width: 70%;
                        height: 50%;
                        display: flex;
                        justify-content: flex-start;
                        align-items: flex-start;
                  
                        input {
                            height: 100%;
                            width: 100%;
                            padding:0 1vw;
                        }
                    }

                    div {
                        width: 70%;
                        height: 40%;
                        background-color: white;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        .each {
                            width: 60%;
                            height: 100%;
                            display: flex;
                            justify-content: start;
                            align-items: center;
                            // input{
                            //     -webkit-appearance: radio;
                            // }

                            // background: pink;

                        }


                    }


                    span {
                        margin: 0 1vw;
                    }
                }
            }

            .off {
                height: 40%;
                // margin-top: 10%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;

                div {
                    height: 36%;
                    width: 50%;
                    // background: green;
                    display: flex;
                    align-items: center;
                    // justify-content: center;
                    // align-items: center;
                    .Time {
                        width: 30%;
                        height: 100%;
                        line-height: 100%;
                    }

                    .TimeInput {
                        width: 70%;
                        height:50%;
                        display: flex;
                        //  justify-content: flex-start;
                        align-items: flex-start;
                        input {
                            height:100%;
                            width: 100%;
                            padding:0 1vw;
                        }
                    }

                    div {
                        width: 70%;
                        height: 40%;
                        background-color: white;
                        display: flex;
                        justify-content: center;
                        align-items: center;


                        .each {
                            width: 60%;
                            // background: pink;

                            width: 60%;
                            height: 100%;
                            display: flex;
                            justify-content: start;
                            align-items: center;

                        }


                    }


                    span {
                        margin: 0 1vw;
                    }
                }

            }

            .buttons {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-top: 5%;

                button {
                    height: 5vh;
                    width: 11vw;
                    font-size: 1.7vh;
                    color: aliceblue;
                    background: url(/src/views/index/jumpToView/buttonPhoto/buttonbefore.png) no-repeat 32.9% 83.9%;
                    background-size: 105vw 95vh;
                    border: 0ch;
                    cursor: pointer;
                    border-radius: 0.5vh;
                    margin-left: 3vw;
                    margin-bottom: 2vh;
                    font-weight: 700;
                }
            }
        }
    }
}

// :deep checkbox{
//     zoom: 120;
// }